import { defineComponent } from 'vue'

export default defineComponent({
  name: 'liveBroadcast',
  setup () {
    return () => (
      <div class='contentCenter'>
        <div>
          <h3>算法</h3>
          <p>

          </p>
        </div>
        <div className="code">
          <pre>
            <code>
              {` 
  // 推荐分包加载
  "subpackages": [
    {
      "plugins": {
        "live-player-plugin": {
          "version": "1.3.0", 
          // 注意该直播组件最新版本号，微信开发者工具调试时可获取最新版本号（复制时请去掉注释）
          "provider": "wx2b03c6e691cd7370" 
          // 必须填该直播组件appid，该示例值即为直播组件appid（复制时请去掉注释）
        }
      }
    }
  ]


  app.js页面
  const  livePlayer = requirePlugin

  class APP extend Component {
    ...
    componentDidShow(option){
      let {path,query,scene,shareTicket} = this.$router.params
      const sceneList = [1007,1008,1014,1045,1046,1047,1047,1048,1049,1073,1154,1155]
      let linkLive = path.indexOf("pages/live-player-plugin")>-1
      if(linkLive){
      // 场景值跳转  分享卡片、订阅消息、扫码、朋友圈、广告等场景才能调用 getShareParams()方法
      // shareTicket 不能为undefined
      if(sceneList.includes(scene)&&query.scene){
      livePlayer.getShareParams()
      .then(res=>{
        // 房间号
        console.log('get room id 房间号', res.room_id) 
        // 用户openid
        console.log('get openid 用户', res.openid) 
        // 分享者openid，分享卡片进入场景才有
        console.log('get share openid 分享者', res.share_openid) 
        // 开发者在跳转进入直播间页面时，页面路径上携带的自定义参数，这里传回给开发者
        console.log('get custom params', res.custom_params) 
        let params = res.custom_params
        let data = {
          phone:params.phone,
          roomId:res.room_id,
          share_openid:params.share_openid,
          userId:res.openid
        }
        that.requestShareRoom(data)
        })
      }
    }
  }
  ...
  }


  wxml    
    const customParams = encodeURIComponent(JSON.stringify(custom_params)) //  自定义参数  必须要此方法转译
  <navigator url={"plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=(roomIds)
  &custom_params=(customParams)"}>
    去直播
  </navigator>
    plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?
    room_id=(room_id)&open_share_ticket=1&custom_params=(custom_params)&type=9


  //直播插件
  plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?
  // 直播房间
  room_id=(room_id)
  // shareTicket：分享直播间卡片到微信群，点击此卡片后可以在 App onShow 里获取该参数 
  // 并且获取用户进来的参数和自定义分享参数
  open_share_ticket=1
  // 自定义参数
  custom_params=(custom_params)
  //商家在后台自己生成的直播间小程序码 在跳转进入直播间的路径加上 type = 9 标识场景入口为小程序码
  type=9

    `}
            </code>
          </pre>
        </div>
      </div>
    )
  }
})